import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
import pxtorem from 'postcss-pxtorem';
// resolve函数用于解析文件路径
// https://vite.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {//定义路径别名
      '@': resolve(__dirname, "./src"),
    },
  },
  css: {
    postcss: {
      plugins: [
        pxtorem({
          rootValue: 43,//以iphone14promax为基准
          unitPrecision: 3,//px转rem精确到小数点3位
          propList: ['*'],
        }),
      ]
    }
  },
  // 服务器配置
  server: {
    host: "0.0.0.0",  // 允许外部访问
    port: 80,       // 端口号（可以修改为其他端口）
    open: true,       // 自动打开浏览器
    cors: true        // 启用CORS
  }
})
